/* making it look nice: 
 * http://webtypography.net/ 
 * http://www.google.com/webfonts/family?family=EB+Garamond&subset=latin#code
 * */

body {font-family: 'EB Garamond', serif; width:1000px;}
div.text {width: 33em;}
body { font-size:120%; }
h1 { font-size:2.25em; } 
h2 { font-size:1.5em;  } 
h3 { font-size:1.125em; }
h4 { font-size:0.875em; }
p  { font-size:1em; }

.clear {clear: both;}
div.footer {}

/* module specific css */

/* pyramid */

/* fit table look to graphs */
table.pyramid {width: 10%;border: 1px solid #C0C0C0; margin: 0.5em;font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; font-size: 0.50em;}
table.pyramid td {border: 0px;}
tbody.pyramid {font-size:0.50em; text-align: right; }
td.age {padding-right: 10px;}
div#pyramidtable {float: left;}
/*div#pyramid {float: left; width: 700px; height: 400px;} */
.femaletable{ float: left;}
.maletable {float: left;}
table {width: 100%; border: 1px solid #fff; border-collapse: collapse;}
td {border-bottom : 1px solid #000;}
th {border : 0px; text-align: left;}
tr.heading {border-bottom: 2px solid #000; }
